<template>
  <div class="popupMask">
    <div class="popupPenal">
      <div class="popPenalTitle">
        <div class="popPenalTitleName">
          检定校准记录
        </div>
        <div class="popupClose" @click="close">
          <el-button size="mini">关闭</el-button>
        </div>
      </div>
      <div class="penalContent">
        <div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                日期
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                <el-input v-model='data.executeDate' :disabled="true" size="mini" placeholder=""></el-input>
              </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                有效期
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                <el-input v-model='data.expiryDate' :disabled="true" size="mini" placeholder=""></el-input>
              </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                负责人
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                <el-input v-model='data.leader' :disabled="true" size="mini" placeholder="默认当前用户"></el-input>
              </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                检定校准意见
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                <el-input :disabled="true" type="textarea" size="mini" placeholder="输入检定校准意见"></el-input>
              </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                审批结果
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                xxxxxxx
              </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                审批意见
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                xxxxxxx
              </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                电子报告
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                <el-button type="text" size="mini">下载</el-button>
              </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class=" width100 ">
              <div class="inlineblock verticalmiddle">
                审核人
              </div>
              <div class="inlineblock verticalmiddle informationItem">
                <el-input v-model='data.executor' :disabled="true" size="mini" placeholder=""></el-input>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class=" penalFooter">
        <el-button class="penalButton" size="mini" @click="close">关闭</el-button>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        demand: {
          maintainType: 'MA02',
          equipmentId: '',
        },
        data: {},
        shenhepeople: '',
        shenheoption: [
          {
            value: '1',
            name: '审核人1'
          }, {
            value: '2',
            name: '审核人2'
          }, {
            value: '3',
            name: '审核人3'
          },],
        jiandingriqi: '',
        youxiaoqi: '',
      }
    },
    computed: {
      biaoyangTableHeight() {
        return ((window.innerHeight - 90) * 0.8 - 250)
      }
    },
    props: { equipmentId: String },
    mounted() {
      this.demand.equipmentId = this.equipmentId
      this.init()
    },
    methods: {
      init() {
        this.$http({
          apiUrl: 'resource/readMaintenanceRecord.htm',
          method: 'get',
          params: this.demand,
        }).then(res => {
          if (res.code === 0) {
            this.data = res.data
            console.log(res.data)
          }
        })
      },
      close() {
        this.$parent.detailShow = false
      },
    }
  }

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .tabName {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    border: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #a9a9a9;
  }

  .activeTab {
    color: #409eff;
  }

  .tabPageContent {}
</style>